<template>
	<view class="content">
		<div class="botMsg" @click="bock">
			<div class="state">
				<image src="../../static/common/img1-2.png" mode="" class="img"></image>
				预约挂号成功
			</div>
			<div class="state2">
				<image src="../../static/common/img1-4.png" mode="" class="img"></image>
			</div>
			<div class="bock">
				<uni-row>
					<uni-col :span="6">
						<div class="d1">
							就诊人
						</div>
					</uni-col>
					<uni-col :span="18">
						<div class="d2">
							宋松松
						</div>
					</uni-col>
				</uni-row>
			</div>
			<div class="bock">
				<uni-row>
					<uni-col :span="6">
						<div class="d1">
							就诊科室
						</div>
					</uni-col>
					<uni-col :span="18">
						<div class="d2">
							心脑血管
						</div>
					</uni-col>
				</uni-row>
			</div>
			<div class="bock">
				<uni-row>
					<uni-col :span="6">
						<div class="d1">
							医生姓名
						</div>
					</uni-col>
					<uni-col :span="18">
						<div class="d2">
							闫三三
						</div>
					</uni-col>
				</uni-row>
			</div>
			<div class="bock">
				<uni-row>
					<uni-col :span="6">
						<div class="d1">
							就诊时间
						</div>
					</uni-col>
					<uni-col :span="18">
						<div class="d2">
							2021-10-21 8:00～8:30
						</div>
					</uni-col>
				</uni-row>
			</div>
			<div class="line"></div>
		</div>
		<div class="botMsg">
			<div class="state">
				<image src="../../static/common/img1-3.png" mode="" class="img"></image>
				预约挂号取消成功
			</div>
			<div class="state2">
				<image src="../../static/common/img1-5.png" mode="" class="img"></image>
			</div>
			<div class="bock">
				<uni-row>
					<uni-col :span="6">
						<div class="d1">
							就诊人
						</div>
					</uni-col>
					<uni-col :span="18">
						<div class="d2">
							宋松松
						</div>
					</uni-col>
				</uni-row>
			</div>
			<div class="bock">
				<uni-row>
					<uni-col :span="6">
						<div class="d1">
							就诊科室
						</div>
					</uni-col>
					<uni-col :span="18">
						<div class="d2">
							心脑血管
						</div>
					</uni-col>
				</uni-row>
			</div>
			<div class="bock">
				<uni-row>
					<uni-col :span="6">
						<div class="d1">
							医生姓名
						</div>
					</uni-col>
					<uni-col :span="18">
						<div class="d2">
							闫三三
						</div>
					</uni-col>
				</uni-row>
			</div>
			<div class="bock">
				<uni-row>
					<uni-col :span="6">
						<div class="d1">
							就诊时间
						</div>
					</uni-col>
					<uni-col :span="18">
						<div class="d2">
							2021-10-21 8:00～8:30
						</div>
					</uni-col>
				</uni-row>
			</div>
			<div class="line"></div>
		</div>
		

	</view>

</template>

<script>
	export default {

		data() {
			return {


			}
		},
		onShow() {

		},
		onLoad(options) {
			console.log(options, "options")

		},
		methods: {

			bock(){
				this.$common.navigateTo("/pages/record/check")
			}

		},
		mounted() {

		}
	}
</script>

<style scoped>
	.toptMsg {
		height: 84rpx;
		line-height: 84rpx;
		padding: 0 70rpx;
		font-size: 28rpx;
		font-weight: 600;
		color: #EA0000;
		background: rgba(233, 0, 0, 0.1);

	}

	.botMsg {
		margin: 36rpx;
		position: relative;
	}

	.botMsg .d1 {
		text-align: left;
		font-size: 28rpx;
		color: #333333;
	}

	.botMsg .d2 {
		text-align: right;
		font-size: 32rpx;
		font-weight: 600;
		color: #333333;
	}

	.botMsg .bock {
		margin-bottom: 24rpx;
		margin-left: 60rpx;
		margin-right: 60rpx;
	}

	.line {
		width: 100%;
		height: 2rpx;

		background: rgba(102, 102, 102, 0.2);
	}

	.number {
		width: 100%;
		font-size: 28rpx;
		margin-top: 50rpx;
		text-align: center;
	}

	.number .d2 {
		margin-top: 28rpx;
		color: #333333;
		font-weight: 600;
	}

	.state {
		color: #1648CE;
		font-size: 32rpx;
		font-weight: 600;
		margin-bottom: 36rpx;
		margin-left: 60rpx;
	}

	.state .img {
		width: 32rpx;
		height: 32rpx;
		vertical-align: middle;
		margin-bottom: 4rpx;
		margin-right: 4rpx;
	}

	.state2 .img {
		position: absolute;
		width: 294rpx;
		height: 208rpx;
		right: 40rpx;
		bottom: 0rpx;
		
	}
</style>